<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>角色管理</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/default.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/page/role/role.js"></script>
</head>
<body>
<table id="gridRole" >
	<thead>
		<tr>
			<th data-options="field:'roleName',width:100">角色名称</th>
			<th data-options="field:'id',width:80,formatter:optColumn" align="center">操作</th>
		</tr>
	</thead>
</table>

<!-- 工具栏-start -->
<div id="tbRole" style="padding:5px;height:auto">
	<div style="margin-bottom:5px">
		<div style="float: left;">
			<a href="javascript:dlgRoleOpenAdd();" class="easyui-linkbutton" iconCls="icon-add" plain="true" title="添加"></a>
		</div>
		<div class="datagrid-btn-separator" style="margin-left: 5px;float: left;margin-right: 15px;"></div>
		<input class="easyui-textbox" id="txtSearchRoleName" style="width:120px" data-options="prompt:'请输入角色名称'" />
		<a href="javascript:searchRole();" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
	</div>
</div>
<!-- 工具栏-end -->

<!-- 编辑角色对话框-start -->
<div id="dlgRole" class="easyui-dialog" title="角色管理" data-options="modal:true,closed:true" style="width:500px;height:400px;padding:5px;">
	<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'center'" style="padding:10px;">
			<input id="txtOpType" name="opType" hidden="hidden" value="add"/>
			<form id="frmRole" method="post">
				<table>
	    		<tr>
	    			<td>角色名称：</td>
	    			<td>
	    			<input id="txtRoleId" type="hidden"  name="id"/>
	    			<input id="txtRoleName" class="easyui-textbox" type="text"  name="roleName" data-options="required:true"/>
	    			</td>
	    		</tr>
	    		<tr>
	    			<td>具有权限：</td>
	    			<td>
	    			<input type="hidden" id="txtMenuIds" name="menuIds" data-options="required:true">
	    			<ul id="menuTree"></ul>
	    			</td>
	    		</tr>
	    		</table>
			</form>
		</div>
		<div data-options="region:'south',border:false" style="text-align:center;padding:5px 0 0;">
			<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="javascript:submitForm()" style="width:80px">确定</a>
			<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:dlgRoleCancel()" style="width:80px">取消</a>
		</div>
	</div>
</div>
<!-- 编辑角色对话框-end -->
	
</body>
</html>